@CHARSET "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,strong
	{
	margin: 0;
	padding: 0
}

fieldset,img {
	border: 0
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

ol,ul {
	list-style: none
}

/**
  *  导航栏开始
  */

#logo {
	background-image: url(../image/system/logo.png);
	width: 208px;
	height: 46px;
	float: left;
	text-indent: -9999px; /*把链接文字移动左侧隐藏*/
}

.li-top {
	float: left; /*把顶部菜单变成横排*/
	height: 46px;
}

li {
	width: 80px;
	height: 46px;
}

.menu-ul {
	list-style-type: none; /*把列表前的符号去掉*/
	height: 46px;
	margin: 0px;
	padding: 0px;
}

li {
	text-align: center; /*菜单文字居中*/
}

li ul { /* 默认隐藏菜单 */
	display: none;
}

li ul li:last-child {
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

.li-top:hover, .ul-in li:hover{
	background: #056293; /* Old browsers */
	
	background: -moz-linear-gradient(top, #056293 0%, #2f82c6 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #056293),
		color-stop(100%, #2f82c6) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #056293 0%, #2f82c6 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #056293 0%, #2f82c6 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #056293 0%, #2f82c6 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #056293 0%, #2f82c6 100%);
	/* W3C */

}

a {
	text-decoration: none;
}

.topl {
	line-height: 46px;
	color: white; /*菜单文字白色*/
}

.li-top ul li,#id_ul li {
	background-color: rgb(2, 124, 201);
}

.top-nav-profile {
	float: right; /*把菜单中的个人信息（姓名）放到右边*/
	width: 100px;
}


/* 菜单 */
.nv-menu {
	float: left;
	height: 46px;
	margin-left: 40px;
	width: 380px;
}

.navi { /* 菜单栏停留在上方，高45像素*/
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 46px;
	/* 菜单渐变 */
	/*background: #209bd8;  Old browsers 
	background: -moz-linear-gradient(top, #209bd8 1%, #0678d6 68%, #0366b2 100%);
	/* FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #209bd8),
		color-stop(68%, #0678d6), color-stop(100%, #0366b2) );
	/* Chrome,Safari4+ *
	background: -webkit-linear-gradient(top, #209bd8 1%, #0678d6 68%, #0366b2 100%);
	/* Chrome10+,Safari5.1+ *
	background: -o-linear-gradient(top, #209bd8 1%, #0678d6 68%, #0366b2 100%);
	/* Opera 11.10+ *
	background: -ms-linear-gradient(top, #209bd8 1%, #0678d6 68%, #0366b2 100%);
	/* IE10+ *
	background: linear-gradient(to bottom, #209bd8 1%, #0678d6 68%, #0366b2 100%);
	/* W3C *

	/*filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#209bd8',
		endColorstr='#0366b2', GradientType=0 );  IE6-9 */
		
	background: url(../image/system/header-bg.png) repeat-x;
	z-index: 20;
}

#nv-top { /* 标题和菜单div */
	position: absolute;
	left: 50%; /*居中*/
	margin-left: -450px;
	width: 900px;
	height: 46px;
	font-weight: bold;
	z-index: 30;
}
/**
  *  导航栏结束
  */
  
  
/**
  *  显示信息界面开始
  */
body{
	background: url("../image/system/white_texture.jpg")
} 
 
#main_div { /* 主页面位置和大小*/
	position: absolute;
	/*top: 46px;*/
	left: 50%;
	margin-left: -500px;
	bottom: 8px;
	width: 1000px;
	z-index: 10;
	overflow: hidden;
	height: 100%;
}

#main_page_frame{
	position: absolute;
	width: 100%;
	height: 100%;
	border: none;
	padding-top: 46px;
}

/**
  *  显示信息界面开始
  */
  
/**
  *  登录界面开始
  */
  
#login
{
	position: absolute;
	top: 40%;
	left: 50%;
	width:500px;
	height:286px;
	margin: -143px 0 0 -250px !important;
	background-image:url(../image/system/login_background.png);
	TEXT-ALIGN: left;
}

.textBox_div
{
	width:382px;
	height: 51px;
	left:57px;
	/*background-repeat:no-repeat;*/
	background-image:url(../image/system/textBoxOut.png);
}

.textBox
{
	width: 360px;
	height: 28px;
	position: absolute;
	top: 10px;
	left: 10px;
	border:none;
	outline: none;
	font-size: 20px;
}

#userNu
{
	position: relative;
	top: 67px;
}

#userPassword_div
{
	position: relative;
	top: 78px;
	/*margin: 2.3% 0 0 0;*/
}

 .placeholder {
 	color: #aaa;
 	line-height: 32px;
 }
 
#radio_div
{
	position: relative;
	top: 95px;
	left: 60px;
}

#staff_radio
{
	margin-left: 20px;
}

#student_radio
{
	//list-style-image:url(../image/system/radio.png);
}

#remember_div
{
	position: relative;
	top: 110px;
	left: 60px;
}


#submit_div
{
	position: relative;
	top:55px;
	left: 310px;

}

.button_blue
{
	border:0px;
	
	border-style:none;
	width: 123px;
	height: 37px;
	font-size:18px;
	font-family:'Helvetica Neue';
	color:#FFF;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../image/system/button.png);
}

#submit_div p{
	margin-left: 23px;
	margin-top: 10px;
	font-size: 15px;
}

.button_blue:hover
{
	background-image:url(../image/system/button.png);
	background-position:0px -42px;
}

.button_blue:active
{
	background-color: transparent;
	background-image: url(../image/system/button.png);
	background-position:0px -82px;
}

#blackBackground{
	position: absolute;
	display: none;
	bottom: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: black;
	opacity: 0.4;
}

/**
  *  注册界面
  */
#return_mainpage{
	position: absolute;
	right: 20px;
	top: 10px;
	border-radius: 30px;
	padding: 5px 20px;
	background: rgba(255,255,255, .5);
}

#return_mainpage:hover{
	background: rgba(255,255,255, .8);
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 
#register_div{
	width: 550px;
    height: 450px;
	position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -200px;
    margin-left:-275px;
    
    padding:20px;
    cursor: default;
    background: #fff; /*url(http://tympanus.net/Tutorials/OriginalHoverEffects/images/bgimg.jpg) repeat;*/
    -webkit-box-shadow:0 5px 10px #666; 
    -moz-box-shadow:0 5px 10px #666;
    box-shadow:0 5px 10px #666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;    
}

#nu_pw{
	position: relative;
	top: 20px;
}

#other{
	position: relative;
	top: 50px;
}

.textbox_re{
	height: 30px;
	width: 200px;
	font-size: 18px;
}

.select_re{
	width: 100px;
	height: 30px;
	font-size: 18px;
}

#nu_pw div, #other div{
	font-size: 20px;
	line-height: 45px;
}

#registerButton{
	position: relative;
	top: 80px;
	left: 350px;
}

.tips{
	font-size: 15px;
	display: inline;
	margin-left: 20px;
	color: red;
}


/**
  *  修改密码界面
  */
  #editpw
{
	position:fixed;
	top: 40%;
	left: 50%;
	width:500px;
	height:286px;
	margin: -143px 0 0 -250px;
}


#edituserPassword_div1
{
	position:absolute;
	top: 180px;
	//margin: 2.3% 0 0 0;
}


#edituserPassword_div2
{
	position:absolute;
	top: 237px;
	//margin: 2.3% 0 0 0;
}

#editsubmit_div
{
	position: absolute;
	top:297px;
	left: 310px;

}

/**
  * 私信
  */
#title{
	position: absolute;
	left:50px;
	margin-top: 30px;
}
  
#sendMessage{
	border:0px;
	border-style:none;
	width: 71px;
	height: 37px;
	font-size:18px;
	font-family:'Helvetica Neue';
	color:#FFF;
	background-color:transparent;
	background-repeat:no-repeat;
	background-image:url(../image/system/button_micro.png);
	
	position: absolute;
	left: 500px;
	top: 0px;
}

#sendMessage:hover
{
	background-image:url(../image/system/button_micro.png);
	background-position:0px -42px;
}

#sendMessage:active
{
	background-color: transparent;
	background-image: url(../image/system/button_micro.png);
	background-position:0px -82px;
}
